<?php
session_start();            			//启动Session
?><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
</head>



<style type="text/css">
.color {
	color: #FFF;
	font-family: "宋体";
	font-weight: bold;
}



a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.daohang{
  height: 50px;
  border-top: 0.5px;
  padding-left:120px;
  position:relative;

}
.daohang ul li{
  list-style: none;
  float: left;
   margin-top: 43px;
}

.daohang a{
	text-decoration: none;
	color:#F69;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 80px;
	font-size: 18px;
}
.daohang  a:hover{
	color:#F36;  /*单击的字体颜色*/
	background:#FCC;

}
.list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.list li{
  width: 30%;
  margin-top: 20px;
  padding: 10px;
  box-sizing: border-box;
  padding-bottom: 20px;
  border: 1px solid #eee;
}
.list li>img{
  width: 100%;
  height: 197px;
}
.list li>div{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.list li>div a{
  color: #002e00;
  margin: 0 50px;
}
.list li>div a:hover{
  color: #f36;}
</style>
<link rel="stylesheet" href="sy_sc/js/swiper.min.css">
<link rel="stylesheet" href="style/sc.css">
<body>
<div class="box">
    <div class="top">
      <img src="style/shop/images/logo.jpg" class="logo">
      <div class="top-right">
        <ul class="nav">
        <li><a href="sy.php">首页</a></li>
          <li><a href="ppjs.php">品牌故事</a></li>
          <li><a href="sy_sc/index.php">购物城</a></li>
          <li><a href="huiy_ys.php">会员中心</a></li>
        </ul>
      </div>
    </div>
<?PHP
session_start();
if($_SESSION["name"]==""){
?>
<a href="login.php">请登录</a>
<?php
}
else{
	echo($_SESSION["name"]."欢迎您!");
echo"<a href='del.php'>退出登录</a>";

}
?>
<div class="banner-box">
        <div class="banner">
          <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="style/shop/images/h.jpg"></div>
                <div class="swiper-slide"><img src="style/shop/images/l.JPG"><img src="sy_sc/images/icon.png" width="47" height="47"></div>
                <div class="swiper-slide"><img src="style/shop/images/y.JPG"></div>
            </div>
<div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
      </div>
      </div>
<table width="1615" height="56" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1615" height="56" align="center" valign="middle"><img src="style/shop/images/d.gif" width="676" height="56" /><img src="style/shop/images/d.gif" width="676" height="56" /></td>
  </tr>
   </div>
    <div class="container">
      <ul class="list">
        <li>
       <a href="style/shop/images/ship.mp4"><img src="style/shop/images/100.png" height="200px" /></a>
        </li>
        <li>
        <a href="style/shop/images/fd.jpg"><img src="style/shop/images/200.jpg" height="200px"/></a>     
        </li>
        <li>
          <a href="style/shop/images/js.png"><img src="style/shop/images/300.jpg" height="200px"/></a>
        </li>
        <li>
          <a href="style/shop/images/jz.jpg"><img src="style/shop/images/400.jpg" height="200px"/></a> 
        </li>
        <li>
           <a href="style/shop/images/jzzj.jpg"><img src="style/shop/images/500.jpg" height="200px"/></a>
        </li>
        <li>
          <a href="style/shop/images/ll.jpg"><img src="style/shop/images/600.jpg" height="200px"/></a>     
        </li>
      </ul>
    </div>
  <table width="100%" border="0" height="50">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>


   
</table>
<table width="1614" height="221" border="0" align="center" cellpadding="0" cellspacing="0" class="color">
  <tr>
    <td width="1043" rowspan="6" bgcolor="#002D00"><img src="style/shop/images/w.jpg" /></td>
    <td width="571" height="48" align="left" valign="middle" bgcolor="#002D00" class="color">联系我们 </td>
  </tr>
  <tr>
    <td bgcolor="#002D00" class="color">订单咨询热线:021-61255625</td>
  </tr>
  <tr>
    <td bgcolor="#002D00" class="color">工作时间：09:00-21:00</td>
  </tr>
  <tr>
    <td bgcolor="#002D00" class="color">品牌服务热线：400-920-9238</td>
  </tr>
  <tr>
    <td bgcolor="#002D00" class="color">服务时间：09:00-21:00(不含国定假日)</td>
  </tr>
  <tr>
    <td bgcolor="#002D00">客服邮件：innisfree@innisfree.cn</td>
  </tr>
  <tr>
    <td colspan="2" align="center" valign="middle" bgcolor="#002D00">沪公安备 31010602000985</td>
  </tr>
</table>
<table width="1614" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<script src="sy_sc/js/swiper.min.js"></script>
  <script>        
    var mySwiper = new Swiper ('.swiper-container', {
      loop: true, // 循环模式选项
      autoplay: {
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable :true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    })        
  </script>
</body>
</html>
